<template>
    <div class="call-container" >
        <h3>ios和安卓唤醒实际场景会有些许不同</h3>
        <h3>不同浏览器之间也会有差异</h3>
        <p @click="call">唤醒知乎</p>
        <p @click="callTao">唤醒淘宝</p>
    </div>
</template>

<script>
import { callZhihu, callTaoBao } from '../libs/utils/call'
export default {
    methods: {
        call() {
            callZhihu()
        },
        callTao() {
            callTaoBao()
        }
    },
}
</script>

<style lang="less" scoped>
    .call-container {
        height: 70vh;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        h3 {
            text-align: center;
            width: 100%;
            padding-bottom: 10px;
        }
        p {
            width: 169px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            color: #fff;
            border-radius: 6px;
        }
        >p:nth-of-type(1) {
            margin-bottom: 20px;
            background-color: rgb(0, 102, 255);
        }
        >p:nth-of-type(2) {
            background-color: red;
        }
    }
</style>